<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../../lib/jquery/jquery-3.6.0.js"></script>
<title>系统</title>
<link rel="stylesheet" href="../../css/XitongGuanlicss/xiTong.css">

</head>

<body>
    <div id="content" class="clear">
        <!-- 左 -->
        <div class="left">
            <!-- 账号管理 -->
            <div>
                <h3>账号管理</h3>
                <hr>
                <div>
                    <a href=""><h4>权限</h4></a>
                    <span>后台操作人员的账号，包括部门、职能等。</span>
                </div>
            </div>

            <!-- 用户 -->
            <div>
                <h3>角色管理</h3>
                <hr>
                <div>
                    <a href=""><h4>用户</h4></a>
                    <span>对后台操作人员的账号的职能、部门的变更</span>
                </div>
            </div>

            <!-- 功能管理 -->
            <div>
                <h3>功能管理</h3>
                <hr>
                <div>
                    <a href=""><h4>权限</h4></a>
                    <span>权限功能的增删改查</span>
                </div>
            </div>

        </div>

        <!-- 右 -->
        <div class="right">
            <!-- 权限管理 -->
            <div>
                <h3>权限管理</h3>
                <hr>
                <div>
                    <a href=""><h4>权限</h4></a>
                    <span>给后台操作人员拥有的权限功能进行操作</span>
                </div>
            </div>

            <!-- 日志 -->
            <div>
                <h3>日志</h3>
                <hr>
                <div>
                    <a href=""><h4>操作日志</h4></a>
                    <span>展现所有操作日志数据，可进行操作日志的清除、导出及图表视图的查看</span>
                </div>
            </div>

            <!-- 模板 -->
            <div id="moban">
                <hr>
                <div>
                    <h4>    </h4>
                    <span>   </span>
                </div>
            </div>
        </div>
    </div>
</body>

<script>
    $('#moban>hr').css({"margin-top":"34.67px"});
    $('#content').css({"background-color":"white","padding":"20px 0 0 0"});
    $('#content>div').css({"width":"50%"});
    $('#content>div h3').css({"color":"#666667","margin-bottom":"10px"});
    $('#content>div hr').css({"color":"#c1c1c1"});
    $('#content>div>div>div').css({"height":"180px","width":"60%"});
    $('#content>div a').css({"text-decoration":"none"});
    $('#content>div h4').css({"color":"#1684fe","margin":"10px 0 15px 0"});
    $('#content>div>div>div span').css({"color":"#666667","font-size":"14px"});
    $('#content>.left>div>div').css({"padding-left":"4%"});
    $('#content>.left h3').css({"margin-left":"2%"});
</script>
</html>